$(function () {

$.ajax({url: '/myself'}).success(function(result) {
var n = result.uname;
var c = result.categories;
var l = result.likes;

var h = c.split('<br>');

$('#tree').append('<li><div>' + n + '</div></li>');

$('li').last().append('<ul>');
for (var k in h) {

if (h.hasOwnProperty(k)) {
        if(h[k])
	$('ul').last().append('<li><div id="item-category-me" >' + h[k] + '</div></li>');
	}
}

$('li').last().parent().append('</ul>');
$('#tree').append('</li>');

$.ajax({url: '/friends'}).success(function(result) {
var f = result.friends;
var c = result.categories;

var h = c.split('<br/>');
var n = f.split('<br>');

for(var o in n)
{
if(n[o])
{
$('#tree').append('<li><div>' + n[o] + '</div></li>');
$('li').last().append('<ul>');

var x = h[o].split('<br>');
if(x != null)
{
for(var y in x)
{
	if (x.hasOwnProperty(y)) {
	if(x[y])
	$('ul').last().append('<li><div id="item-category">' + x[y] + '</div></li>');
	}
}
}
}

$('li').last().parent().append('</ul>');
$('#tree').append('</li>');


}
$('#tree').append('<li>Logout</li>');
});


});

$("#item-category").live( 'click', function() {

var uname = $(this).parent().parent().parent().children("div").text();
var ucategory = $(this).html();
$.ajax({url: '/flikes', data: {uname : uname, ucategory : ucategory}}).success(function(result) {
var p = result;
$('#username').html(uname);

var h = p.flikes;
$('#userlike').html('Likes:<br><br><br>' + 'Category:<br>' + ' ' + ucategory + ': ' + h + '<br>');

});
});

$("#item-category-me").live( 'click', function() {

var uname = $(this).parent().parent().parent().children("div").text();
var ucategory = $(this).text();
$.ajax({url: '/mylikes', data: {uname : uname, ucategory : ucategory}}).success(function(result) {
var p = result;
$('#username').html(uname);

var h = p.flikes;
$('#userlike').html('Likes:<br><br><br>' + 'Category:<br>' + ' ' + ucategory + ': ' + h);

});
});

});